<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>
    <link href="css/style.css" rel="stylesheet">
</head>
<body>
    <div class="header">
        <div class="title">
            <ul>
                <li>新闻</li>
                <li>hao123</li>
                <li>地图</li>
                <li>视频</li>
                <li>贴吧</li>
                <li>学术</li>
                <li>更多</li>
            </ul>
        </div>
        <div class="login">
            <button class="btn1">
                <a href="#" class="set">设置</a>
                <div class="set-hidden"> 
                    <a  href="#">搜索设置</a>
                    <a  href="#">高级搜索</a>
                    <a  href="#">关闭预测</a>
                    <a  href="#">隐私设置</a>
                    <a  href="#">隐藏资讯</a>
                </div>
            </button>
            <button class="btn2">登录</button>
        </div> 
    </div>
    <div class="content">
        <img src="images/baidu.png" alt="">
        <div class="search">
            <input type="text" class="search-input">
            <span><img src="images/xj.png"></span>
            <button class="search-btn">百度一下</button>
        </div>

        <div class="news">
            <div class="news-title">
                <a href="#">百度热搜</a>
                <a>
                    <span>换一换</span>
                </a>
            </div>
            <div class="news-content">
                <ul>
                    <li>
                        <a href="#">
                            <span class="news-num num1">1</span>
                            <span class="news-content-title">新冠病毒可在手机屏上存活一个月</span>
                            <span class="news-content-mark mark1">热</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="news-num num2">2</span>
                            <span class="news-content-title">青岛新增9例核酸检测阳性病例</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="news-num num3">3</span>
                            <span class="news-content-title">国家卫健委派工作赴青岛</span>
                            <span class="news-content-mark mark2">新</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="news-num num6">4</span>
                            <span class="news-content-title">国内第四大运营中国广电成立</span>
                            
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="news-num num6">5</span>
                            <span class="news-content-title">湖人捧起总冠军奖杯致敬科比</span>
                 
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="news-num num6">6</span>
                            <span class="news-content-title">四川营救坠江女孩失联民警牺牲</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="ma">
        <img src="images/erweima.png">
    </div>

    <footer>
        <div class="footer-left">
            <ul>
                <li>设为首页</li>
                <li>关于百度</li>
                <li>About Baidu</li>
                <li>百度营销</li>
                <li>使用百度前必读</li>
                <li>意见反馈</li>
                <li>帮助中心</li>
                <li>有奖问卷</li>
            </ul>
        </div>
        <div class="footer-right">
            <ul>
                <li>&copy;2020 Baidu</li>
                <li>(京)-经营性-2017-0020</li>
                <li>京公网安备11000002000001号</li>
                <li>京ICP证030173号</li>
            </ul>
        </div>
    </footer>
</body>
</html>